/**首页*/
@cover: cover;
@white: #fff;
@zero: 0;
@transparent: transparent;
@none: none;
@size12: 12px;
@size14: 14px;
@size16: 16px;
@size18: 18px;
@size20: 20px;
@size22: 22px;

:root {
    --f7-calendar-day-size: 35px;
    --f7-calendar-day-font-size: 15px;
}

.list input[type='datetime-local'] {
    max-width: 100vw;
}

.block-strong.index_top_pic:before,
.block-strong.index_top_pic::after {
    background-color: transparent;
}

.block-strong.index_top_pic {
    border-bottom: 1px solid #eeeeee;
    // color: #001633;

    .weather {
        // font-size: 13px;
    }

    .datetime {
        // font-size: 13px;
    }
}

.view .add_list {
    margin-top: 0;
    background: @white;

    div[class*='col'] {
        border-left: 1px solid #eeeeee;
        width: calc((100%) / 3) !important;
    }

    .content-item {
        display: block;
        padding: 7px 0;
    }

    .item-media {
        width: 50px;
        margin: auto;
        display: block;
        text-align: center;
        position: relative;

        img {
            width: 50px;
            vertical-align: middle;
        }

        .badge {
            position: absolute;
            right: -6px;
            top: 8px;
            background: #f00;
            border-radius: 100%;
            font-size: 10px;
        }
    }

    .item-media + .item-inner {
        margin-left: 0;
        display: block;
        text-align: center;
        padding-right: 0;
        font-size: 16px;
        // color: #000000;
        padding-top: 0;
        min-height: inherit;
    }

    .item-inner:after {
        background-color: @transparent;
    }
}

.dynamic-list {
    background: none;

    .accordion-col {
        padding: 0;
        // background: @white;
        margin: 0;

        .content-item {
            padding: 12px 5px 12px 10px;

            .icon {
                overflow: hidden;
                margin-right: 8px;

                img {
                    width: 50px;
                    vertical-align: middle;
                }
            }

            .title {
                font-size: 16px;
                // color: #333333;
                font-weight: 500;
            }

            .subtitle {
                font-size: 12px;
                // color: #999999;
            }
        }
    }
}

.pic_upload {
    padding: 0 10px;

    span {
        display: inline-block;
        margin: 0 5px;
    }

    img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        height: 100%;
        // border-radius: 5px;
        overflow: hidden;
    }
}

.ios .deletePic {
    background: #dc1616 !important;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    line-height: 14px;
    padding: 0;
    text-align: center;
    display: inline-block;
}

.view .editContent {
    background: @white;
    padding: 0;
    margin-top: @zero;

    .accordion-list {
        .accordion-item > .item-link {
            position: relative;
            font-size: 15px;
            color: #72b952;
            font-weight: 500;
            border-bottom: 1px solid #ebebeb;

            .item-inner {
                min-height: 48px;
            }
        }

        .accordion-item > .item-link::before {
            position: absolute;
            left: 5px;
            top: 16px;
            width: 5px;
            height: 18px;
            background: #72b952;
            content: ' ';
        }
    }

    .list {
        margin: @zero;
        font-family: PingFangSC-Regular;

        .item-title {
            font-size: 15px;
            color: #66748c;
            padding-left: 5px;
        }

        input,
        select,
        textarea,
        .radio,
        .item-after,
        .item-placeholder,
        .input-with-value {
            font-size: 15px;
        }

        .item-inner:after {
            background-color: #e1dfdf;
        }
    }

    .block-title {
        font-size: 15px;
        color: #66748c;
        margin-top: 6px !important;
        margin-bottom: 6px;
        padding: 10px 0 5px;
    }
}

.marginTB10 {
    margin: 10px 0 !important;
}

.segmented_button {
    .segmented {
        .button {
            background: #00ab6c;
        }
    }
}

.textarea-border textarea {
    border: 1px solid #f0f0f0;
    border-radius: 6px;
    margin-top: 1px;
    padding: 10px;
}

.textarea-border .input-clear-button {
    right: 10px;
}

/**我的**/
.userInfo {
    height: 100px;
    position: relative;
    color: var(--f7-navbar-text-color, var(--f7-bars-text-color));

    .list {
        margin: 0;
        // position: absolute;
        top: 0;
        // left: 15px;
        // right: 15px;
        z-index: 1;

        ul {
            // background: #FFFFFF;
            box-shadow: 2px 2px 4px 0 rgba(204, 204, 204, 0.5);
            border-radius: 4px;
            // padding: 10px 0;
            // margin-top: 5px;

            .user_img {
                width: 56px;
            }

            .item-inner {
                padding-top: 18px;
            }

            .item-title {
                font-size: 16px;
                padding-top: 1pt;
                // color: #24272B;
                line-height: 16px;
                font-weight: bold;
                margin-bottom: 8px;
            }

            .item-subtitle {
                font-size: 12px;
                // color: #9B9B9B;
                line-height: 16px;
            }
        }
    }
}

.userInfo::before {
    position: absolute;
    top: -1px;
    left: 0;
    content: ' ';
    height: 55px;
    width: 100%;
    // background: var(--f7-theme-color);
}

.iconslist .item-link {
    .item-inner {
        min-height: 48px;
    }

    .item-media img {
        width: 30px;
        height: 30px;
        vertical-align: middle;
    }

    .item-title {
        color: #000000;
    }
}

.iconslist .item-link .item-inner::after {
    background-color: #dddddd;
}

.logout .link {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.logout span {
    font-size: 15px;
    // color: #f58f47;
}

/**修改信息***/

.block.myInfo {
    // background: #3096ef;
    margin-bottom: 15px;

    label {
        // color: @white;
        font-size: 14px;
        line-height: 18pt;
        margin-top: 5pt;
        display: block;
    }

    .myInfo_tip i.icon {
        font-size: 18px;
    }

    .myInfo_tip a {
        // color: @white;
        font-size: 14px;
    }
}

.myInfo::before {
    background-color: @transparent;
}

.modifyMsg ul::before,
.modifyMsg ul::after {
    background: @transparent;
}

.modifyMsg {
    .item-media .icon {
        font-size: 20px;
        line-height: 30px;
    }

    .item-content .item-title {
        padding-top: 5px;
        font-size: 15px;
        color: #66748c;
    }
}

.list.modifyMsg select {
    direction: rtl;
}

.list.modifyMsg input[type='text'],
.list.modifyMsg input[type='password'],
.list.modifyMsg input[type='search'],
.list.modifyMsg input[type='email'],
.list.modifyMsg input[type='tel'],
.list.modifyMsg input[type='url'],
.list.modifyMsg input[type='date'],
.list.modifyMsg input[type='datetime-local'],
.list.modifyMsg input[type='time'],
.list.modifyMsg input[type='number'],
.list.modifyMsg select {
    font-size: 15px;
    text-align: right;
}

/*意见汇总*/
.ios .opinion-content {
    margin-top: 15px;

    .timeline {
        margin: 10px 0;
        padding-bottom: 20px;
        padding-right: 0;
        padding-left: 0;

        .timeline-item {
            padding-bottom: 7px;

            .timeline-item-divider {
                margin-top: 5pt;
                margin-left: 0;
                margin-right: 10pt;
                background: #72b952;
                border: 3px solid #daefd1;
                width: 8pt;
                height: 8pt;
            }

            .timeline-item-divider:before,
            .timeline-item-divider:after {
                background: none;
                border-left: 1px dashed #d2d2d2;
            }

            .timeline-item-content {
                width: 100%;

                .timeline-item-inner {
                    padding: 10px 15px;
                    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
                    border-radius: 8px;
                    justify-content: space-between;

                    .timeline-item-title {
                        color: #1f1f21;
                        font-size: 16px;
                        font-weight: 500;
                    }

                    .timeline-item-subtitle {
                        font-size: 14px;
                        color: #333333;
                        text-align: justify;
                        line-height: 1.6;
                        padding: 5px 0;
                    }

                    .timeline-item-time {
                        line-height: 1.6;
                        margin-top: 0;
                        font-size: 12px;
                        color: #a1a1a1;
                    }

                    .timeline-item-text {
                        color: #000;
                        font-size: 12pt;
                        padding-top: 5px;
                    }
                }
            }
        }
    }
}

.ios .toolbar-inner a .badge {
    position: absolute;
    right: -1px;
    top: -2px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
    background: #ff2500;
    /* display: none; */
}

/**********************************/

/*中号字体*/
.font-theme-middle.view {
    .navbar {
        .title {
            font-size: 18px;
        }
    }

    .block-strong.index_top_pic {
        .weather,
        .datetime {
            font-size: 15px;
        }
    }

    .dynamic-list .accordion-col .content-item {
        .title {
            font-size: @size16;
        }

        .subtitle {
            font-size: 14px;
        }
    }

    .userInfo .list ul .item-title {
        font-size: @size16;
    }

    .userInfo .list ul .item-subtitle {
        font-size: @size14;
    }

    .userlist li .item-title {
        font-size: @size16;
    }

    .todolist.list li {
        .item-title {
            font-size: @size18;
        }

        .item-subtitle {
            font-size: @size16;
        }

        .item-text {
            font-size: @size14;
        }
    }
}

/*大号字体*/
.font-theme-big.view {
    .navbar {
        .title {
            font-size: 20px;
        }
    }

    .dynamic-list .accordion-col .content-item {
        .title {
            font-size: @size18;
        }

        .subtitle {
            font-size: @size16;
        }
    }

    .userInfo .list ul .item-title {
        font-size: @size18;
    }

    .userInfo .list ul .item-subtitle {
        font-size: @size16;
    }

    .userlist li .item-title {
        font-size: @size18;
    }

    .todolist.list li {
        .item-title {
            font-size: @size20;
        }

        .item-subtitle {
            font-size: @size18;
        }

        .item-text {
            font-size: @size16;
        }
    }
}

/*夜间模式*/
.theme-dark {
    .dynamic-list .accordion-col {
        background-color: @transparent;
        border-bottom: 0;

        div[class*='col'] {
            border-left: 0;
            border-right: 0;
        }

        // .content-item .title {
        //     color: @white;
        // }
    }

    li .smart-select .item-inner .item-after {
        color: #ededed !important;
    }

    .userInfo::before {
        background-color: @transparent;
    }

    .userInfo .list ul {
        box-shadow: none;

        .item-title {
            color: @white;
        }
    }

    .iconslist .item-link {
        .item-inner::after {
            background-color: #282829;
        }

        .item-title {
            color: @white;
        }
    }

    .toolbar.tabbar {
        box-shadow: none;
    }

    .block-strong.index_top_pic {
        border-bottom: 0;
    }

    .add_list {
        background: #1c1c1d;

        div[class*='col'] {
            border-left: 0;
        }

        .item-media + .item-inner {
            color: #fff;
        }
    }

    .subnavbar .subnavbar-inner {
        background: #1c1c1d;
    }

    .tabbarline_tab.tabbar .toolbar-inner {
        background: #1c1c1d;

        .tab-link {
            color: #fff;
            background: none;
        }
    }

    .userlist li .item-title {
        color: #fff;
    }

    .todolist.list li {
        .item-title {
            color: #fff;
        }

        .item-subtitle {
            color: #eee;
        }

        .item-text {
            color: #c5c5c9;
        }
    }

    li[data-v-aa08ff0e] .item-inner .item-after {
        color: #8e8e93;
    }

    .textarea-border textarea {
        border-color: #282829;
    }

    .opinion-content
        .timeline
        .timeline-item
        .timeline-item-content
        .timeline-item-inner {
        .timeline-item-title {
            color: #fff;
        }

        .timeline-item-subtitle {
            color: #eee;
        }

        .timeline-item-time,
        .timeline-item-text {
            color: #c5c5c9;
        }
    }
}

.list {
    z-index: auto;
}

.f7-file-list {
    // padding: 0;
    ul {
        padding-top: 8px;
        li {
            display: inline-block;
            width: 30%;
            box-sizing: border-box;
            margin: 0 1.6%;
            .link {
                display: block;
            }
            .item-inner:after {
                display: none;
            }
            .item-content {
                padding-left: 5px;
            }
            .item-inner {
                padding-right: 5px;
                padding-bottom: 4px;
            }
            .f7-file-img {
                width: 100%;
                height: 55px;
                overflow: hidden;
                vertical-align: middle;
                border: 1px solid transparent;
            }
            .docx {
                background: url(../img/component/doc_ico.png) no-repeat center;
                border-color: #4fa4ee;
            }
            .pdf {
                background: url(../img/component/pdf_ico.png) no-repeat center;
                border-color: #a04d42;
            }
            .ppt {
                background: url(../img/component/ppt_ico.png) no-repeat center;
                border-color: #bd6760;
            }
            .xls {
                background: url(../img/component/exe_ico.png) no-repeat center;
                border-color: #739c41;
            }
            .pics {
                background: url(../img/component/img_ico.png) no-repeat center;
                border-color: #b5b6b6;
            }
            .audio {
                background: url(../img/component/audio_ico.png) no-repeat center;
                border-color: #4fa4ee;
            }
            .mp4 {
                background: url(../img/component/mp4_ico.png) no-repeat center;
                border-color: #4fa4ee;
            }
            .other {
                background: url(../img/component/file_ico.png) no-repeat center;
                border-color: #b5b6b6;
            }

            .f7-file-title {
                font-size: 16px;
                //   color: #333333;
                padding-top: 8px;
                padding-bottom: 5px;
                word-break: break-all;
                line-height: 1.2;
                margin: 0;
            }
            // .f7-file-fileSize{ font-size: 14px; color: #888888;}
            .deleteBtn .link {
                margin-top: 6px;
                margin-bottom: 10px;
                background: #f02e2e;
                color: #fff;
                text-align: center;
                line-height: 1.8;
                border-radius: 4px;
                font-size: 15px;
            }
        }
    }
}

.messages-content,
.messages {
    background: var(--f7-page-bg-color);
}

.text-overflow-one {
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-overflow-two {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.fileConfirm{
    .van-dialog__header{
      padding: 20px 5px 10px;
    }
    .van-dialog__content{
        .van-dialog__message{
            color: #F15A5A!important;
        }
    }
}
